<!-- 擅长组件 -->
<template>
  <view class="specialty">
    <view class="linh-50 px-15 fz-16 fw-7">擅长</view>
    <view class="contenBox">
      <view class="disFlxAC felxWW pt-10" style="flex-wrap: wrap;">
        <view v-for="(tag, tagIndex) in splitRetuen(item.speciality)" :key="tagIndex" class="tag ov-2">
          {{tag}}
        </view>
      </view>

      <view class="pt-22 pb-17 linh-24">
        {{item.remark || ''}}
      </view>
    </view>
  </view>
</template>

<script>
import { splitRetuen } from "@/utils/common.js";

export default {
  props: {
    item: {
      type: Object,
      default: {},
    }
  },
  data() {
    return {};
  },

  methods: {
    splitRetuen
  },
};
</script>
<style lang='scss' scoped>
.specialty {
  border-top: solid 30rpx #f5f5f5;
  background-color: #ffffff;
  .contenBox {
    border-top: solid 1px #f5f5f5;
    padding: 0 30rpx;
    .tag {
      line-height: 40rpx;
      padding: 0 18rpx;
      border-radius: 50rpx;
      background: #f5f5f5;
      margin-top: 16rpx;
      color: #808080;
      font-size: 24rpx;
    }
    .tag + .tag {
      margin-left: 16rpx;
    }
  }
}
</style>